<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css"/>
    <script type="text/javascript" src="../static/js/jquery3.js"></script>
    <script type="text/javascript"></script>
    <style>
        body {
            font-family: Microsoft JhengHei;
        }

        label {
            font-weight: bold
        }

        .width {
            height: 110px;
            width: 500px;
            position: relative;
            left: 80px;
        }


        #btn_ok {
            background: linear-gradient(to right, #00B4F4, #0094D9);
            position: relative;
            top: 50px;
        }

        .yuan {
            border-radius: 10px
        }

        input::-webkit-input-placeholder {
            /* placeholder颜色 */
            color: #aab2bd;
            /* placeholder字体大小 */
            font-size: 8px;
        }

        textarea::-webkit-input-placeholder {
            /* placeholder颜色 */
            color: #aab2bd;
            /* placeholder字体大小 */
            font-size: 8px;
        }

        #gx
        {
            position: relative;left: 350px;top: -75px;
        }
    </style>
</head>
<body>
<form id="form_area" action="add_start_amount" method="get">
    <div class="container">
        <div class="row justify-content-center bg-light" style="height: 700px">
            <div class="align-self-center">
                <div class="row">
                    <h5 style="position: relative;left: 180px">入场时间确认</h5>
                </div>
                <input type="hidden" id="current_page" name="current_page" th:value="${current_page}">
                <input type="hidden" id="page_size" name="page_size" th:value="${page_size}">
                <input type="hidden" id="car_id" name="car_id" th:value="${car_id}">
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>车牌号码</label>
                        <input type="text" maxlength="11" class="form-control yuan" id="car_number"
                               name="car_number" th:value="${car_number}" readonly/>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>手机号码</label>
                        <input type="text" maxlength="20" class="form-control yuan" id="owner_telephone"
                               name="owner_telephone" th:value="${owner_telephone}" readonly/>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>开始时间</label>
                        <input type="text" maxlength="20" class="form-control yuan" id="start_time"
                               name="start_time" th:value="${start_time}" style="color: red" readonly/>
                    </div>
                </div>
                <div id="gx">
                    <a th:href="@{to_yxc_amount(car_id=${car_id},car_number=${car_number},owner_telephone=${owner_telephone},current_page=${current_page},page_size=${page_size})}">
                        <svg t="1669478818481" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3434" width="32" height="32"><path d="M938.336973 255.26894c-16.685369-6.020494-35.090879 2.752226-40.939358 19.437594l-24.770032 69.493701c-29.070385-65.537376-74.998152-123.162103-133.48295-166.337645-185.947253-137.611288-450.848984-100.112212-590.180413 83.942886C81.534688 350.908785 52.980346 460.653788 68.805644 570.742819c15.825298 110.605073 74.48211 208.481102 164.789518 275.394591 75.686209 55.904586 164.273476 83.082815 252.172686 83.082815 128.494541 0 255.26894-57.624727 338.007727-166.853687 36.639006-48.335965 61.581052-102.348396 74.48211-160.833193 3.78431-17.373425-7.224593-34.402822-24.426004-38.187133-17.201411-3.78431-34.402822 7.052579-38.187133 24.426004-10.836889 49.36805-31.994625 95.123803-62.957164 135.891147-118.173694 156.016798-342.996136 187.839409-500.90509 70.869814-76.546279-56.592642-126.086343-139.33143-139.503444-232.907106-13.417101-93.059634 10.664875-185.775239 67.77356-261.11742C318.05409 144.491853 542.704519 112.497228 700.785486 229.466823c57.280699 42.315471 100.112212 100.972283 123.334117 167.197715l-110.261045-43.003528c-16.513355-6.364522-35.090879 1.720141-41.627415 18.233496-6.536536 16.513355 1.720141 35.090879 18.233496 41.627415l162.38132 63.473207c3.78431 1.548127 7.740635 2.236183 11.69696 2.236183 0.516042 0 1.032085-0.172014 1.548127-0.172014 1.204099 0.172014 2.408198 0.688056 3.612296 0.688056 13.245087 0 25.630102-8.256677 30.274483-21.32975l57.796741-161.693264C963.623047 279.694944 955.022342 261.289434 938.336973 255.26894z" p-id="3435"></path></svg>
                    </a>
                </div>
                <div class="row">
                    <span style="font-size: 3px;color: red;position: relative;left: 130px;top: 60px;">（温馨提示）：按下按钮后，计时开始</span>
                </div>
                <div class="row justify-content-center bg-light mt-3" id="btns">
                    <div class="col-xl-8 text-center">
                        <button class="btn" id="btn_ok" style="width: 250px;border-radius: 20px"><p
                                style="color: white;height: 10px">计时开始</p></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
</body>
</html>